/*
    le classi del dei div sono poliwichi-marcatore
    gli id sono
        messaggio
        info pagina
        logo
        navigazione 
        opzioni
*/
*.marcatore-poliwiki{
    overflow:auto;
}
/*definisco le posizioni dei tag speciali formando un layout arettangoli piuttosto classico*/
/*il logo in alto a sinistra 20% per 20% se sborda si scrolla*/
*[id="logo"]{
    width: 19%;
    height:18%;
    position:absolute;
}
/*le info della pagina fanno il footer, al  20% dalla sx, alte 20%*/
*[id="info-pagina"]{
    padding: 3px 3px 3px 3px;
    text-align:center;
    font-size:80%;
    width:79%;
    height:9%;
    position:absolute;
    left:+20%;
    bottom:0;
}
/*il centro della pagina è cornice spostato di 20% da sx arriva al  20% dal bottom*/
*[id="cornice"]{
    width:79%;
    position:absolute;
    padding: 3px 3px 5px 5px;
    top:20%;
    left:20%;
    bottom:10%;
    overflow:scroll;
}
/*la menubar contiene opzioni e nav bar a sx è lunga il 20% e alta al massimo il 60%*/
*[id="menubar"]{
    width:19%;
    max-width:20%;
    position:absolute;
    top:20%;
    bottom:0%;
}
/*la nav bar contiene*/
*[id="navigazione"]{
    height:59%;
    bottom:20%;
    overflow:auto;
}
#navigazione li{
    font-size:150%;
}
/*le opzioni stanno sotto la navbar e sono altr al massimo il 20% e si trovano all'80% dall'inizio pagina*/
*[id="opzioni"]{
    top:60%;
    max-height:40%;
    overflow:auto;
    padding-top:5px;
    padding-bottom:10px;
}
*[id="opzioni"]{
    list-style-type:upper-roman;
}
*[id="messaggio"]{
    border-bottom:2px black solid;
    text-align:center;
}
/*gestione delle schede*/
#body span.capolettera {
	float:left;
	font-size: 400%;
	margin-right: .2em;
	font-family: serif;
	font-style: italic;
}
*[title="etitle"]{
    text-align:center;
}
*[title="ecreator"]{
    font-style:italic;
}
*[id="meta-work"]{
    font-size:90%;
    font-style:italic;
}
*[title="wtitle"]{
    text-decoration:underline;
}
/*gestione degli errori*/
#errore{
	background-repeat: no-repeat;
	background-position: left;
}
#errore>#codice{
    text-align:center;
}
#errore>#descrizione{
    padding:3px 5px 3px 5px;
    font-style:italic;
    text-align:right;
}
/*gestione delle response*/
#response{
}
#response ul.icon-box {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 1em;
	padding-top:1em;
	text-align: center;
}

.icon-box li {
	margin-bottom: 1em;
}
#response .query-string{
    font-style:italic;
}
#response [title="metadati"]{
    padding-left:20%;
    font-size:90%;
}
#response *[title="edescription"]{
    text-align:center;
    font-style:italic;
    font-size:120%;
}
/*gestione dei div del post*/
.metadatiTop{
	position: absolute;
	top:0%;
	width:59%;
	height:30%
}
.metadatiOther{
	position:absolute;
	top:0%;
	width:40%;
	left:60%;
	height:30%;
}
.writingBody{
	position:absolute;
	width:100%;
	top:30%;
}
.topLeft{
	position:absolute;
	top:0%;
	left:80%;
	width:20%;
}
/*gestione dei div della query*/
div.mainparams{
	padding: 5px 5px 5px 5px;
	width:49%;
	height:34%;
	top:20%;
	left:0%;
}
div.workParams{
	padding: 5px 5px 5px 5px;
	width:49%;
	height:34%;
	top:55%;
	bottom:10%;
	left:0%;
}
div.altriParams{
	padding: 5px 5px 5px 5px;
	left:50%;
	height:34%;
	width:49%;
	top:20%;

}div.linkParams{
	padding: 5px 5px 5px 5px;
	left:50%;
	height:34%;
	top:55%;
	width:49%;
	bottom:10%;
}
div.banner{
	padding: 5px 5px 5px 5px;
	height:17%;
	width:48%;
}
div.queryHelper{
	padding: 5px 5px 5px 5px;
	left:50%;
	height:7%;
	width:49%;
}
div.salva{
	padding: 5px 5px 5px 5px;
	height:8%;
	bottom:0%;
	width:98%;
	text-align:center;
}
.hidden{
	display:none;
}
